body,
input, select, textarea {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:12px;
}
html {
    background-color: #f3f2f1;
   /* background-image: -moz-linear-gradient(center top, #aaa, #e8e4e3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(1, #e8e4e3));
    background-image: linear-gradient(top, #aaa, #e8e4e3);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#aaaaaa', EndColorStr = '#dddddd');
    background-repeat: no-repeat;
    height: 100%;
    /* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*{ margin: 0;    padding: 0;}
body {
    background:#ddd;
    margin: 0 auto;
    max-width: 1000px;
    overflow-x: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */
    /*-moz-box-shadow: 0 0 0.3em #255b17;
    -webkit-box-shadow: 0 0 0.3em #255b17;
    box-shadow: 0 0 0.3em #255b17;*/
}
html, body {  height: 100%;}
* html .mbody { height: 100%;}

a{text-decoration:none; display: inline-block; cursor:pointer;}
strong{display: inline-block;}
.f_l{ float:left;}
.f_r{ float:right;}
.clear{clear:both;}
ul li, ol li, li{ list-style-type:none;}
.kong_5{ width:100%; height: 5px;}
.kong_20{ width:100%; height: 20px;}
img{ border: none;}
em{ font-style: normal;}
button ,input[type="button"],input.button{ cursor:pointer; border: none;}
.wid_1000{ width:1000px; margin:0 auto;}
.bor1{ border: 1px solid #ddd;}
.bor2{ border:1px solid #ddd;
    border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;}

.bor_tit{ border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px;}

.mLe_10{ margin-left: 10px;}
.mLe_30{ margin-left: 30px;}
.mLe_150{ margin-left: 150px;}
.mRi_10{ margin-right: 10px;}
.mRi_30{ margin-right: 30px;}
.mBo_10{ margin-bottom: 10px;}
.mBo_30{ margin-bottom: 30px;}
.mTo_30{ margin-top:30px;}
.pLe_30{ padding-left:30px;}
.pLe_20{ padding-left:20px;}
.Pa_10{ padding:10px;}




.fs_30{ font-size:30px;}



.red{ color:#f00;}


.heng_line{ width:100%; height:1px; background:#ddd;}

.mbody{max-width:1000px; min-height: 100%; margin:0 auto; background: #fff; overflow:hidden; position: relative; -moz-box-shadow: 0 0 0.3em #255b17;
    -webkit-box-shadow: 0 0 0.3em #255b17;
    box-shadow: 0 0 0.3em #255b17;}
/*------头部-------*/
.head_t{ width:1000px; height:90px; background: #222; position:relative;}
#grailsLogo{width:145px; height:75px; margin: 5px 1em 0 1em;}
#grailsLogo a{display: inline-block;}

.search{/* width:288px;*/ height:31px; border:1px solid #1b1b1b;background:#fff; position:relative; margin:20px 0 0px 200px;}
.search input{ border:none; background:#fff;}
.search .s_text{ width:287px; /*padding-right:40px;*/ height:31px; line-height:30px; color:#999; border:none; padding-left:3px;}
.search .s_text:focus{ color:#000000;}
.search .but{ width:44px; height:31px; line-height:22px; border:none; color:#fff; cursor:pointer; background:#888; position:absolute; top:0px; right:0px;}

/*登录前*/
.user_rukou{width:200px; height: 30px; line-height: 30px; position: absolute; right:0; top:23px; text-align:center;}
.user_rukou a{color:#fff;}
.user_rukou a:hover,.user_rukou a:active{ color:#aaa;}
/*/登录前*/
/*登录后*/
/*.user_rukou{width:120px; height: 30px; line-height: 30px; position: absolute; right:0; top:20px; text-align:right;}*/
.navUser{
    width: 120px;
    height: 30px;
    line-height: 30px;
    /*导航位置*/
    text-align: center;
    font-size: 12px;
    position: relative;
}
/*nav-main*/
.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
.nav-main span{
    display: inline-block;
    margin:12px 0 0 18px;
    width: 7px;
    height: 7px;
    background: url(http://www.17sucai.com/preview/1/2014-08-18/nav/img/down-icon.png) no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
.nav-main>li{
    width: 120px;
    height: 100%;
    display: block;
    float: left;
    background: #ff5640;
    color: #fff;
    margin-right: 1px;
    cursor: pointer;
}
.nav-main>li:hover{
    background: #ff3e3e;
}
/*隐藏盒子设置*/
.hidden-box{
    width: 118px;
    border: 1px solid #333;
    position: absolute;
    display: none;
    top: 30px;
    z-index: 1000;
    background: #fff;
}
.hidden-box>ul{
    list-style-type: none;
    color: #222;
    cursor: pointer;
}
.hidden-box>ul li{ width:100%; height:30px; line-height:30px;}
.hidden-box>ul li a{ color:#222; width:118px;}

.hidden-box li:hover a{
    background: #ddd;
    color: #222;
}
/*/登录后*/

/*购物车*/
.nav_shop{ width: 45px; height: 30px; line-height: 30px; position:relative;}
.nav_shop a{color:#ddd; width:45px; height: 30px; line-height: 30px; }
.nav_shop i{position:absolute; top:-7px; left:17px; width:7px; height:19px;}
.nav_shop span{height: 19px; line-height: 19px; font-size: 12px; color: #fff; position:absolute; top:-7px; left:17px; padding:0 5px 0 0px;}
.geline{ width:2px; height:30px;}

/*
.nav_shop{ width: 45px; height: 30px; line-height: 30px; background:url(../images/shop_car.png) no-repeat 6px bottom; position:relative;}
.nav_shop a{color:#ddd; width:45px; height: 30px; line-height: 30px; }
.nav_shop i{background:url(../images/PXicon.png) no-repeat -92px -75px;position:absolute; top:-7px; left:17px; width:7px; height:19px;}
.nav_shop span{height: 19px; line-height: 19px; font-size: 12px; color: #fff; position:absolute; top:-7px; left:24px; padding:0 5px 0 0px;
    background:url(../images/PXicon.png) no-repeat 100% -116px;}
.geline{ width:2px; height:30px; background:url(../images/geline.jpg) no-repeat 0 center;}
*/


/*/购物车*/
/*注册  zhu ce*/
/*.zc_Rtxt{ width:300px; height: 30px; margin: 0px 0;}*/

/*注册  zhu ce*/


/*--------/头部--------*/


/*------登录弹出框------*/
.mask{margin:0;padding:0;border:none;width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);z-index:9999;position:fixed;top:0;left:0;display:none;}
#LoginBox{position:absolute;left:50%;top:150px; margin-left:-210px;background:white;width:426px;height:282px;border:3px solid #444;border-radius:7px;z-index:10000;display:none;}
.loginqu1{background:#f7f7f7;padding:0px 20px;line-height:50px;height:50px;font-weight:bold;color:#666;font-size:20px;}
.loginqu{height:77px;line-height:77px;padding:0px 41px;font-family:"Microsoft JhengHei";font-size:x-large;}
.close_btn{font-family:arial;font-size:30px;font-weight:700;color:#999;text-decoration:none;float:right;padding-right:4px;}
.inputBox{border:1px solid #c3c3c3;padding:1px 3px 6px 3px;border-radius:5px;margin-left:5px;}
#txtName{height:27px;width:230px;border:none;}
#txtPwd{height:27px;width:230px;border:none;}
#loginbtn{color:White;background:#4490f7;/* height:35px;*/ line-height:35px;text-decoration:none;padding:5px 95px;margin-left:20px;margin-top:15px;border-radius:5px;opacity:0.8;filter:alpha(opacity=80);}
#forgetPwd{font-size: 10px; color:#4490f7;}
.warning{float:right;color:Red;text-decoration:none;font-size:20px;font-weight:bold;margin-right:0px;display:none;}
/*------/登录弹出框------*/


/*  返回顶部  *//*
#retop {
    position: fixed;
    bottom: 8%;
    right: 40px;
    width: 30px;
    background: #fff;
    border: 1px solid #aaa;
    borde-radius: 5px;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
}

*//*  /返回顶部  *//*

*//*  上传作品  *//*
.pop_upload{
    width: 80px;
    height:50px;
    text-align: center;
    padding-top:10px ;
    border: 1px solid #aaa;
    border-right: none;
    background: #fff;
    position:fixed;
    bottom:15%;
    display: block;
}
*//*  /上传作品  */

/*尾部*//*

.foot_d {
    background: #B0B0B0;
    border-top:dashed 1px #a3a3a3;
    color: #000;
    clear: both;
    font-size: 0.8em;
    margin:0 auto 0;
    padding: 1em 0;
    text-align: center;
    min-height: 1em;
    width:100%;
    -moz-box-shadow: 0 0 0.3em #255b17;
    -webkit-box-shadow: 0 0 0.3em #255b17;
    box-shadow: 0 0 0.3em #255b17;
}

.foot_d a {
    color: #255b17;
}
.foot_d p{ text-align:center;}
*/
/*//*
尾部*//*


*/

